<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>TagPro Stats</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body onload="getChart(0)">
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

<div class="containers">
<table style="width: 100%; font-weight: bold;">
	<tr>
		<td style="text-align: left; padding-left: 10%;"><a href="http://tagpro.koalabeast.com/">PLAY TAGPRO</a></td>
		<td style="text-align: center;"><a href="http://www.reddit.com/r/tagpro">DISCUSS TAGPRO</a></td>
		<td style="text-align: right; padding-right: 10%;"><a href="http://www.twitch.tv/tagprotv">WATCH TAGPRO</a></td>
	</tr>
</table>
</div>

<div style="" class="containers">

		<table style="width: 100%;">
			<tr>
				<td style="width: 8%;">
					Select Your Server:
				</td>
				<td style="width: 8%;">
					<span style="font-size: 14px;">
					<label><input type="radio" name="server" value="Pi"> Pi </label><br>
					<label><input type="radio" name="server" value="Centra"> Centra </label><br>
					<label><input type="radio" name="server" value="Chord"> Chord </label>
					</span>
					
				</td>
				<td style="width: 16%;">
					<span style="font-size: 15px;">Enter your Profile ID:</span><br><input type="text" name="" id="profileInpt" size="25">
				</td>
				<td style="width: 50%;">
					<span style="font-size: 13px;">
						To get your profile ID<br>
						1) Navigate to your profile in your browser<br>
						2) In the Address Bar Copy/Paste the string of ~24 characters at the end of the URL<br>
						ex: http://tagpro-pi.koalabeast.com/profile/<b>XXXXXXXXXXXXXXXXXXXXXXXX</b></span>
				</td>
				<td style="width: 20%;">
					<button onclick="submitProfile()">Add Your Stats To The Rankings!</button><br>
					<div id="submitMsgDiv"></div>
				</td>
			</tr>
		</table>	
	
</div>


<div style="margin: 0px 3% 0px 3%;">
<table>
	<tr>
		<td class="main">
			<div class="containers">
				<table style="width:100%;">
					<tr>
						<td>
						<select id="SelectServer">
							<option value="All">All Servers</option>
							<option value="Pi">Pi</option>
							<option value="Centra">Centra</option>
							<option value="Chord">Chord</option>
						</select>
						</td>
						<td>
						<select id="SelectTimeFrame">
							<option value="all">All Time Leaders</option>
							<option value="month">Monthly Leaders</option>
							<option value="week">Weekly Leaders</option>
						</select>
						</td>
						<td>
						<select id="SelectStat">
							<option value="winpercent">Win %</option>
							<option value="wins">Wins</option>
							<option value="losses">Losses</option>
							<option value="games">Games</option>
							<option value="tags">Tags</option>
							<option value="returns">Returns</option>
							<option value="captures">Captures</option>
							<option value="grabs">Grabs</option>
							<option value="drops">Drops</option>
							<option value="popped">Popped</option>
							<option value="hours">Hours</option>
							<option value="dcs">Disconnects</option>
							<option value="winpercentnodcs">Win % (DCs Excluded)</option>
							<option value="tagpop">Tag/Pop Ratio</option>
							<option value="taggame">Tags/Game</option>
							<option value="taghour">Tags/Hour</option>
							<option value="capgame">Captures/Game</option>
							<option value="caphour">Captures/Hour</option>						
							<option value="returngame">Returns/Game</option>
							<option value="returnhour">Returns/Hour</option>
							<option value="popgame">Popped/Game</option>
							<option value="pophour">Popped/Hour</option>
						</select>
						</td>
						<td>
						<button style="width: 100%;" onclick="getChart(0)">Generate New Leaderboard</button>
						</td>
					</tr>
				</table>
				
				<div id="LeaderBoard" style="width: 100%;">
					leaderboard goes here
				</div>
				
			</div>
		</td><td class="main" style="width: 33%;">
			<div class="containers">
				<p style="font-weight: bold; font-size: 16px; text-align: center;">
					Welcome to TagPro-Stats.ml
				</p>
				<p style="font-size: 13px; text-align: center;">
					Brought to you by Some Ball
				</p>
				<p>
					Use the form at the top of the page to add yourself to the leaderboards.
					Once added, your stats will be updated once every 4 hours.
				</p>
				<p>
					Why are you here when you could be <a href="http://tagpro.koalabeast.com/">playing TagPro</a>?
				</p>
			</div>
		</td>
	</tr>
</table>
</div>


        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="js/main.js"></script>

	<script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		ga('create', 'UA-44822081-1', 'tagpro-stats.ml');
		ga('send', 'pageview');
	</script>
    </body>
</html>
